<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    /* 阿拉伯文要比英文的行高要高一些 ，line-height最好不要用固定的单位？1.5是相对于什么的？ */
    .box {
      width: 500px;
      height: 120px;
      line-height: 30px;
    }

    .box2 {
      width: 500px;
      height: 120px;
      /* 相对于文字的大小 */
      line-height: 1.5; 
    }
  </style>
</head>
<body>
  <div class="box">
    eb إلى اليمين واليسار، CSS العائمة، Flexbox و GRID، تتأثر بنماذج الكتابة والقراءة.Web إلى اليمين واليسار، CSS العائمة، Flexbox و GRID، تتأثر بنماذج الكتابة والقراءة.Web إلى اليمين واليسار، CSS العائمة، Flexbox و GRID، تتأثر بنماذج الكتابة والقراءة.Web إلى اليمين 
  </div>

  <div class="box2">
    Web and left to right, CSS floating layout, Flexbox layout and Grid layout, influenced by book template and reading mode.Web and left to right, CSS floating layout, Flexbox layout and Grid layout, influenced by book template and reading mode.
  </div>
</body>
</html>